<template>
	<div class="mainContent">
		<pathTracking :path="Model.path" />
		<div class="container">
			<div class="bgWhite bgRadius">
				<filterSelectBox :option="Model.selectBoxOpt"></filterSelectBox>
				<el-row>
					<div class="common-table-title">
						<div class="common-table-icon"></div>
						<div class="common-table-fl">查询条件</div>
					</div>
				</el-row>
				<!-- 高级搜索 -->
				<advancedSearch :option="Model.filterOption" @getChild="getFilterData" @onSearch="onFilterSearch" @onClear="onFilterClear" @onExport="onFilterExport"></advancedSearch>
			</div>
			<!-- 表格 -->
			<div class="table">
				<el-row>
					<div class="common-table-title">
						<div class="common-table-icon"></div>
						<div class="common-table-fl">
							<span>商品列表</span>
						</div>
						<div class="common-btn-group">
							<div class="common-table-btn-item">导出</div>
						</div>
					</div>
				</el-row>
				<el-table :data="Model.tableData" border style="width: 100%;" @selection-change="onTableSelectionChange">
					<el-table-column type="selection" width="50" fixed></el-table-column>
					<el-table-column fixed="index" label="序号" width="50"></el-table-column>
					<el-table-column prop="originNumbe1r" label="库存位置" width="120"></el-table-column>
					<el-table-column prop="countingNumber" label="商品图片" width="200"></el-table-column>
					<el-table-column prop="originNumber" label="款式号" width="120"></el-table-column>
					<el-table-column prop="createBy" label="款式名称" width="120"></el-table-column>
					<el-table-column prop="location" label="条码" width="120"></el-table-column>
					<el-table-column prop="typeDict" label="是否成品" width="120"></el-table-column>
					<el-table-column prop="createUser" label="库存地点" width="120"></el-table-column>
					<el-table-column prop="createTime" label="库位" width="120"></el-table-column>
					<el-table-column prop="createTime" label="库存标识" width="120"></el-table-column>
					<el-table-column prop="updateUser" label="商品类型" width="120"></el-table-column>
					<el-table-column prop="sureTime" label="品类" width="120"></el-table-column>
					<el-table-column prop="remark" label="系列" width="120"></el-table-column>
					<el-table-column prop="remark1" label="描述" width="120"></el-table-column>
					<el-table-column prop="remark2" label="GIA证书号" width="120"></el-table-column>
					<el-table-column prop="remark3" label="计量单位" width="120"></el-table-column>
					<el-table-column prop="remark3" label="入库时间" width="120"></el-table-column>
					<el-table-column prop="remark3" label="库龄" width="120"></el-table-column>
					<el-table-column prop="remark4" label="库存状态" width="120"></el-table-column>
					<el-table-column prop="remark5" label="库存数量" width="120"></el-table-column>
				</el-table>
			</div>
			<!-- 分页 -->
			<el-row class="pagination-cont">
				<el-pagination @size-change="onTableSizeChange" background @current-change="onTableCurrentChange" :current-page="Model.pager.params.pageIndex"
				 :page-sizes="Model.pager.pageSizeArr" :pager-count="5" :page-size="Model.pager.params.pageSize" layout="total, sizes, prev, pager, next, jumper"
				 :total="Model.pager.pageTotal"></el-pagination>
			</el-row>
		</div>
	</div>
</template>

<script>
	import pathTracking from "@/components/common/pathTracking";
	import pagination from "@/components/common/pagination.vue";
	import filterSelectBox from "@/components/common/filterSelectBox";
	import advancedSearch from "@/components/common/filter/advancedSearch";

	import Model from "./model.js";
	import Controller from "./controller.js";
	export default {
		name: "purchase",
		mixins: [Model, Controller],
		components: {
			advancedSearch,
			pagination,
			pathTracking,
			filterSelectBox
		}
	};
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->

<style lang="less" scoped>
	@import "./index.less";
</style>
